<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Laura & Smith Wedding HTML5 Template</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/jqueryslidemenu.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script>
//Mobile view scroll
function scrollTo(target){
	var myArray = target.split('#');
	var targetPosition = jQuery('#' + myArray[1]).offset().top;
	jQuery('html,body').animate({ scrollTop: targetPosition}, 'slow');
	}
</script>
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href='css/css.css' rel='stylesheet' type='text/css'>
</head>

<body>
<div id="main_wrapper">
<!--Header Start-->
<section class="header_wrapper">
<header>
    <div class="logo"><a href="#home"><img src="images/logo.png" alt="img" /></a></div>
    <div id="myslidemenu" class="jqueryslidemenu clearfix">
    <ul id="nav">
        <li><a href="#home">Home</a></li>
        <li><a href="#about">About</a>
        	<ul>
            	<li><a href="#">Sub Menu</a></li>
                <li><a href="#">Sub Menu</a></li>
            </ul>
        </li>
        <li><a href="#gallery">Gallery</a></li>
        <li><a href="#wedding">Wedding Party</a></li>
        <li><a href="#venue">Venue</a></li>
    </ul>
    </div>
</header>
</section>
<!--Header End-->

<!--Home Start-->
<section id="home">
    <ul class="bxslider" id="home_slider">
        <li><img src="images/slider_img_1.jpg" alt="img" /></li>
        <li><img src="images/slider_img_2.jpg" alt="img" /></li>
        <li><img src="images/slider_img_3.jpg" alt="img" /></li>
    </ul>
    <div class="wedding_invitation">
        <span class="decor_up"><img src="images/invite_decor_up.png" alt="img" /></span>
        <h1>Laura & Smith</h1>
        <h3>Are Getting Married</h3>
        <h4>On December, Saturday, 25, 2013</h4>
        <span class="decor_bottom"><img src="images/invite_decor_bottom.png" alt="img" /></span>
    </div>
</section>
<!--Home End-->

<!--About Start-->
<section id="about">
<div class="page">
    <div class="sub_header">
        <span class="decor_left"><img src="images/decor_left.png" alt="img" /></span>
        <span class="decor"><strong class="page_title">About Us</strong></span>
        <span class="decor_right"><img src="images/decor_right.png" alt="img" /></span>
    </div>
    <h2>"We met at the Birthday Party on a lovely Saturday afternoon and the rest was history."</h2>
    <div class="vspace"></div>
    <div class="one_third">
        <h3>About Smith</h3>
        <p><em>Praesent eget augue metus. Fusce id turpis vel massa gravida interdum. Aenean eros lorem, 
        dictum eget tempor eget, pellentesque at eros.</em></p>
        <p><em>Quisque porttitor commodo magna, sed tincidunt nisi consequat sit amet. Mauris in urna dapibus est porta fringilla ac vel 
        orci. Morbi nibh urna, condimentum vel faucibus ut, mollis et lorem. 
       </em></p>
    </div>
    <div class="one_third">
        <img src="images/about_img_1.jpg" alt="img" class="img_radius" />
    </div>
    <div class="one_third_last">
        <h3>About Laura</h3>	
        <p><em>Morbi eget augue metus. Fusce id turpis vel massa gravida interdum. Aenean eros lorem, 
        dictum eget tempor eget, pellentesque at eros.</em> </p>
        <p><em>Quisque porttitor commodo magna, sed tincidunt nisi consequat sit amet. Ut in neque lectus. 
        Mauris in urna dapibus est porta fringilla ac vel orci. Morbi nibh urna, condimentum vel faucibus.</em></p>
    </div>
</div>
</section>
<!--About End-->

<!--Gallery Start-->
<section id="gallery">
<div class="page">
    <div class="sub_header">
        <span class="decor_left"><img src="images/decor_left.png" alt="img" /></span>
        <span class="decor"><strong class="page_title">Gallery</strong></span>
        <span class="decor_right"><img src="images/decor_right.png" alt="img" /></span>
    </div>
    <h2>"Our Weddding Gallery Images Of Engaged Photo's and Party"</h2>
    <div class="vspace"></div>
    <ul class="gallery_slider">
        <li>
            <div class="one_third">
            	<div class="imageOuter">
                    <a rel="group" href="images/gallery_img_17.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_17.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_18.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_18.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_19.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_19.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace">&nbsp;</div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_1.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_1.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_2.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_2.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_3.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_3.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace">&nbsp;</div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_4.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_4.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_5.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_5.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_6.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_6.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace clear">&nbsp;</div>
        </li>
        <li>
            <div class="one_third">
            	<div class="imageOuter">
                    <a rel="group" href="images/gallery_img_7.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_7.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_8.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_8.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_9.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_9.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace">&nbsp;</div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_10.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_10.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_11.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_11.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_12.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_12.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace">&nbsp;</div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_13.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_13.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_14.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_14.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="one_third_last">
                <div class="imageOuter">
                    <a rel="group" href="images/gallery_img_15.jpg" title="Lorem ipsum dolor sit amet">
                        <span class="roll" ></span>
                        <img src="images/gallery_img_15.jpg" alt="img" class="img_border" />	
                    </a>
                </div>
            </div>
            <div class="vspace clear">&nbsp;</div>
        </li>
    </ul>
</div>
</section>
<!--Gallery End-->

<!--Wedding Start-->
<section id="wedding">
<div class="page">
    <div class="sub_header">
        <span class="decor_left"><img src="images/decor_left.png" alt="img" /></span>
        <span class="decor"><strong class="page_title">Wedding Party</strong></span>
        <span class="decor_right"><img src="images/decor_right.png" alt="img" /></span>
    </div>
    <h2>"Our Weddding Information And Bridesmaids / Groomsmen Gallery"</h2>
    <div class="vspace"></div>
    <div class="one_half">
    	<h3>Ceremony</h3>
    	<p>Our lovely wedding celebration will be held on <br>
        <b>On Mar, Saturday, 27, 2013</b> at <b>5:00 p.m.</b> <br>
        at the beautiful Flow Beach in Cargo Deos. The address is: <br> 
        <b>1854 Flow Beach Back, Cargo Deos Lt 50025</b>
        </p>
    </div>
    
    <div class="one_half_last">
    	<h3>Reception</h3>
    	<p>A reception dinner and dance party will immediately follow at
        Cargo Deos Courtyard located in Cargo Deos Village Drive, Santo.
        The address is 1854 Flow Beach Back 500025 
        </p>
        <p>Hope to see you there after the ceremony!</p>
    </div>
    
    
    <div class="vspace"></div>
    <div class="clear"></div>
    
    <h3>Bridesmaids / Groomsmen</h3>
    <div class="maids">
    <div class="one_half">
    	<div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_1.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_1.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_2.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_2.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_3.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_3.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth_last">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_4.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_4.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="vspace">&nbsp;</div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_5.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_5.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_6.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_6.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_7.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_7.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth_last">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_8.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_8.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
    </div>
    
    <div class="one_half_last">
    	<div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_9.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_9.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_10.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_10.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_11.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_11.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth_last">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_12.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_12.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="vspace">&nbsp;</div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_13.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_13.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_14.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_14.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_15.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_15.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
        <div class="one_fourth_last">
            <div class="imageOuter">
                <a rel="group" href="images/gallery_img_16.jpg" title="Lorem ipsum dolor sit amet">
                    <span class="roll" ></span>
                    <img src="images/gallery_img_16.jpg" alt="img" class="img_border" />	
                </a>
            </div>
        </div>
    </div>
    </div>
    
</div>
</section>
<!--Wedding End-->

<!--Venue Start-->
<section id="venue">
<div class="page">
    <div class="sub_header">
        <span class="decor_left"><img src="images/decor_left.png" alt="img" /></span>
        <span class="decor"><strong class="page_title">Venue</strong></span>
        <span class="decor_right"><img src="images/decor_right.png" alt="img" /></span>
    </div>
    <h2>"Wedding Party Venue With Address And Google Map Direction"</h2>
    <div class="vspace"></div>
    <iframe height="350" src="http://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Australian+Open,+Batman+Avenue,+Melbourne,+Victoria,+Australia&amp;aq=0&amp;oq=Austrlia&amp;sll=47.516231,14.550072&amp;sspn=4.711509,11.634521&amp;g=Austria&amp;ie=UTF8&amp;hq=Australian+Open,+Batman+Avenue,+Melbourne,+Victoria,+Australia&amp;t=m&amp;ll=-37.821665,144.978547&amp;spn=0.017628,0.032015&amp;output=embed"></iframe>
    <div class="clear"></div>
    <div class="vspace"></div>
    <div class="one_third">
        <div class="contact_info">
            <h3>Address</h3>
            <div>
            <h4>Wedding Address</h4>
            <p>The Wedding Name Inc.<br>
            8901 Marmora Road, Glasgow, D04 89GR.</p>
            </div>
            
            <div>
            <h4>Telephone</h4>
            <p>+919857-85578-85<br>
            +254121-8452-99</p>
            </div>
            
            <div>
            <h4>Residence Address</h4>
            <p>The Wedding Name Inc.<br>
            8901 Marmora Road, Glasgow, D04 89GR.</p>
            </div>
        </div>
    </div>
    <div class="two_third_last">
        <div class="contact_form">
            <form method="post" action="sendEmail.php" name="contact-form" id="contact-form">	
            <div id="main">
            <div id="response"></div>
            <div class="span4">
                <label>Name:</label>
                <p><input type="text" name="name" id="name" size="30" /></p>
            </div>
            <div class="span4">
                <label>Email:</label>
                <p><input type="text" name="email" id="email" size="30" /></p>
            </div>
            <div class="span4">
                <label>Subject:</label>
                <p><input type="text" name="subject" id="subject" size="30" /></p>
            </div>
            <div class="span12">
                <label>Message:</label>
                <p><textarea name="message" id="message" cols="30" rows="10"></textarea></p>
                <p><input  class="contact_button button" type="submit" name="submit" id="submit" value="Email Us!" /></p>
            </div>
      	</div>
            </form>
        </div>
</div>
</div>
</section>
</div>
<!--Venue End-->
</body>
</html>
